<template>
<div>


    <el-aside style="width: 200px;height:100%;padding: 0;margin-right:35px;background-color:rgb(84, 92, 100);text-align: center; font-size: 16px">

      <el-menu default-active="1"
               class="el-menu-vertical-demo"
               background-color="#545c64"
               text-color="#fff"
               active-text-color="#ffd04b">
        <el-image :fit="fit" shape="square" :size="80" :src="require('../static/logo.png')" ></el-image>
        <router-link to="/home">
        <el-menu-item  index="1">

          <i class="el-icon-menu"></i>
          <span slot="title">  首页 </span>

        </el-menu-item>
        </router-link>
        <el-submenu  index="2">
          <template slot="title">
            <i class="el-icon-user" />
            <span slot="title">用户管理</span>
          </template>
          <el-menu-item-group>
            <span slot="title"></span>
            <router-link to="/user">
            <el-menu-item index="2-1">信息查看</el-menu-item>
            </router-link>
            <router-link to="/chat">
            <el-menu-item index="2-2">消息回复</el-menu-item>
            </router-link>
          </el-menu-item-group>

        </el-submenu>

        <el-submenu  index="3">
          <template slot="title">
            <i class="el-icon-goods" />
            <span slot="title">应用管理</span>
          </template>

          <el-menu-item-group>
            <span slot="title"></span>
            <router-link to="/order">
            <el-menu-item index="3-1">订单管理</el-menu-item>
            </router-link>
            <router-link to="/item">
            <el-menu-item index="3-2">商品管理</el-menu-item>
            </router-link>
            <router-link to="/article">
            <el-menu-item index="3-3">文章管理</el-menu-item>
            </router-link>
          </el-menu-item-group>
        </el-submenu>
         <el-submenu  index="4">
           <template slot="title">
             <i class="el-icon-location"></i>
             <span slot="title">地图管理</span>
           </template>

           <el-menu-item-group>
             <span slot="title"></span>
             <router-link to="/map">
             <el-menu-item index="4-1">地图查看</el-menu-item>
             </router-link>
             <router-link to="/mark">
             <el-menu-item index="4-2">标点审核</el-menu-item>
             </router-link>
           </el-menu-item-group>
         </el-submenu>
        <router-link to="/data">
        <el-menu-item  index="5">

          <i class="el-icon-menu"></i>
          <span slot="title">数据管理</span>

        </el-menu-item>
        </router-link>
      </el-menu>
    </el-aside>


  </div>

</template>
<script>
export default {
  data() {
    return {
      isCollapse: true,

    };
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
  },
}
</script>
<style scoped>
a {
  text-decoration: none;
}



.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 200px;
  min-height: 740px;
}

</style>
